$(function () {
    /* 
      
    1 图片上传 即时显示
    
    2 动态渲染 文章列表下拉框
    
    3 渲染 layui日期选择器
  
    4 渲染 富文本编辑器 
    
    5   
    */
  
  
    // 2 发送请求 获取 文章列表数据 /admin/category/list
    function getCategoryList() {
      $.get("/admin/category/list", function (res) {
        let html = "<option value='' >所有类型</option>";
        res.data.forEach(value => {
          html += `<option value="${value.id}" >${value.name}</option>`;
        });
        $("#category").html(html);
      })
    }
  
  
    // 3 初始化 日期选择器
    function renderDate() {
      //执行一个laydate实例
      layui.laydate.render({
        elem: '#articleDate' //指定元素
      });
    }
  
    // 4 初始化富文本编辑器
    function renderEditor() {
      tinymce.init({
        selector: '#articleContent',
        language:'zh_CN',//注意大小写
      });
      
    }
  
    // 1 文件上传框 绑定 change事件
    $("#inputCover").change(function () {
      const file = this.files[0];
      $("#coverimg").prop("src", URL.createObjectURL(file)); // 会返回 浏览器内存中的图片的地址 
    })
  
  
    // 5 发布 绑定 点击事件
    $('.btn-edit').click(function(){
      // 5.1 创建了一个formdata对象
      const fd = new FormData($('#form')[0])
      // 5.2 获取富文本的内容
      const content =  tinyMCE.editors['articleContent'].getContent()
      
      fd.append('content',content)
      fd.append('state','已发布')

      $.ajax({
        url:'/admin/article/publish',
        type:'post',
        data:fd,

        // 额外2个配置
        contentType:false,
        processData:false,
        success(res){
          console.log(res);
          if(res.code === 200){
            location.href = "article_list.html"
          }
        }
      })
    })


    // 2 发送请求 获取 文章列表数据 /admin/category/list
    getCategoryList();
  
    // 3 初始化 日期选择框
    renderDate();
  
    // 4 初始化 富文本编辑器
    renderEditor();
  
  
  
  })